import styled from "styled-components";

export const VideoWrapper = styled.div/*css*/ `
  margin: 20px;
  .arco-table-selection-col {
    width: 50px;
  }
  col {
    width: 200px;
    // overflow: hidden;
  }
  .arco-table-th-item {
    width: 100%;

    text-align: center;
  }
  .thead > .arco-table-tr > .arco-table-th {
    text-align: center;

    // width: 150px;
  }
  .arco-table-tr {
    height: 50px;
  }
  .arco-table-cell {
    text-align: center;
  }
  .arco-btn-size-default > svg + span,
  .arco-btn-size-default > span + svg {
    margin-left: 2px;
  }
  .table {
    margin: 20px;
  }
  .btn:not(:last-child) {
    margin-right: 10px;
  }
  .centerWrapper {
    margin: 10px 20px 10px 20px;
  }
  .title {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
`;
export const ScaleWrapper = styled.div<{ scale: number }>`
  transform: scale(${(props) => props.scale});
  transform-origin: top left;
  width: 1920px; /* 设计稿宽度 */
  height: 1080px; /* 设计稿高度 */
  overflow: hidden;
  background: #fff; /* 可选，防止缩小时露出灰色背景 */
`;
